<icon class="icon-eye-slash pull-right" id="skgd"></icon>
<style>
    .bg-gd{background-color:#243542; }
    .message{line-height: 1.5em !important;}
    h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{line-height: 1.5em !important;}
</style>
<script>
    function setCookie(name,value,iday) {
        var oDate=new Date();
        oDate.setDate(oDate.getDate()+iday);
        document.cookie=name+"="+value+";expires="+oDate;
    }
    function getCookies(name) {
        var arr=document.cookie.split(';');
        for(var i=0;i<arr.length;i++){
            var arr2=arr[i].split('=');
            arr2[0]=arr2[0].replace(/(^\s*)/g,'')
            if(arr2[0]==name){
                return arr2[1];
            }
        }
    }
//    function removeCookie(name) {
//        setCookie(name,1,-1);
//    }
    var flag = true;
    var oskgd = document.getElementById("skgd");
    var owrapper = document.getElementById("wrapper");
    function skset() {
        var ofooter = document.getElementById("footer");
        if (!flag) {
            owrapper.className = "";
            oskgd.className = "icon-eye-slash pull-right";
            setCookie("wrapper", "bg-no", 7);
            ofooter.className="text-muted";
            flag = true;
        } else {
            owrapper.className = "bg-gd";
            oskgd.className = "icon-eye pull-right";
            setCookie("wrapper", "bg-gd", 7);
            ofooter.className="hidden";
            flag = false;
        }
    }
    oskgd.onclick =skset;
    if (typeof(getCookies('wrapper'))=="undefined"){ }else{owrapper.className=getCookies('wrapper');}
</script>